<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html lang="zh-CN">
  <head>
    <base href="<%=basePath%>">
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>用户管理</title>
    
	<link href="lib/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<link href="lib/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet">
	
	<link href="designCloud/css/common.css" rel="stylesheet"></link>
	<link href="designCloud/css/console.css" rel="stylesheet"></link>
	
	<script src="lib/jquery/1.11.3/jquery.min.js"></script>
	
	<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
  </head>
  
  <body class="console-body">
  	<jsp:include page="console.jsp"></jsp:include>
  	
  	<div class="console-list">
  		<div class="console-listSolid">&nbsp;</div>
  		<div class="console-listContent">
	  		<div class="console-listHead clearfix">
				<form class="navbar-form navbar-left" role="search">
					<div class="form-group">
					 	<input type="text" class="form-control" placeholder="手机号...">
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>
	  		</div>
	  	
	  		<div class="console-listTable">
		  		<table class="table table-hover">
			      <thead>
			        <tr>
			          <th>用户ID</th>
			          <th>用户类型</th>
			          <th>手机号</th>
			          <th>所在地</th>
			          <th>注册时间</th>
			          <th>私有空间剩余</th>
			          <th>操作</th>
			        </tr>
			      </thead>
			      
			      <tbody>
			        <tr>
			          <th scope="row">1</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;" class="action-active">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr>
			         <tr>
			          <th scope="row">2</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr>
			         <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr>
			        
			        
			         <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr> <tr>
			          <th scope="row">3</th>
			          <td>普通用户</td>
			          <td>17767158673</td>
			          <td>浙江杭州</td>
			          <td>2016-2-28 14:00</td>
			          <td>20%</td>
			          <td class="console-action">
			          	<a href="javascript:;">启用</a>
			          	<a href="javascript:;">禁用</a>
			          	<a href="javascript:;">查看</a>
			          </td>
			        </tr>
			        
			      </tbody>
			    </table>
			    
				<nav class="clearfix">
					<ul class="pagination">
					  <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
					  <li class="active"><a href="#">1</a></li>
					  <li><a href="#">2</a></li>
					  <li><a href="#">3</a></li>
					  <li><a href="#">4</a></li>
					  <li><a href="#">5</a></li>
					  <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
					</ul>
					
					<div class="console-listCount">
						<span>共 100 页</span> 到第 <input type="number" class="console-countInput"/> 页
						<span class="label label-primary">确定</span>
					</div>
				</nav>
		    </div>
  		</div>
  	</div><!-- console-list -->
  	
  </body>
</html>
